import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 如果有一些比较老的第三方模块，在使用ts的时候，是没有提供ts的类型声明的，需要自己手动下载对应的类型声明
// npm i @types/包名
// 不一定所有的包都有 ， 可以 npmjs.com 确认
import path from 'path';

// 导入 element-plus 自动导入的 插件
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],

  resolve: {
    alias: {
      "@": path.join(__dirname, './src')
    }
  },

  server: {
    proxy: {
      '/api': {
        target: 'http://xue.cnkdl.cn:9082/mall-admin',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    }
  }

})
